@import 'element-plus/theme-chalk/el-scrollbar.css';
@import 'element-plus/theme-chalk/el-row.css';
@import 'element-plus/theme-chalk/el-col.css';
// input 单线样式
.mci-single-line {
  // select 样式有 icon，需要在父元素做伪类触发
  &:hover {
    .el-input__inner {
      box-shadow: 0px 1px 0px 0px var(--el-input-hover-border-color) !important;
    }
  }
  &:focus {
    .el-input__inner {
      box-shadow: 0px 1px 0px 0px var(--el-input-focus-border-color) !important;
    }
  }
  &.mci-input,
  &.mci-select {
    .el-input__inner {
      padding: 0;
    }
  }
  .el-input__inner {
    border-radius: 0;
    box-shadow: 0px 1px 0px 0px var(--el-input-border-color);
    &:focus {
      box-shadow: 0px 1px 0px 0px var(--el-input-focus-border-color) !important;
    }
  }
  // select 样式层级过高且设置了 important，只能按层级覆盖
  .el-input {
    &.is-focus {
      .el-input__inner {
        box-shadow: 0px 1px 0px 0px var(--el-input-focus-border-color) !important;
      }
    }
  }
}

// el-form-item 校验错误 input 单线样式
.is-error {
  .mci-single-line {
    .el-input__inner {
      box-shadow: 0px 1px 0px 0px var(--el-color-danger) !important;
    }
  }
}

// 表单 label 颜色覆盖
.el-form-item__label {
  color: var(--color-text-4);
}
.el-notification {
  z-index: 10000 !important;
}
.is-message-box {
  z-index: 10000 !important;
}
.el-message-box--center {
  vertical-align: inherit;
}
div.el-cascader__dropdown {
  max-width: unset;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  right: 7px;
}

.el-input {
  --el-input-placeholder-color: var(--color-text-3);
  --el-border-color-base: transparent !important;
  --el-input-bg-color: var(--color-fill-1);
}
.el-icon {
  color: var(--color-text-4) !important;
}

body .el-drawer {
  background-color: var(--color-grey-1);
  --el-drawer-padding-primary: 0px;

  .el-drawer__header {
    padding: 16px 12px;
    margin-bottom: 8px;
    background-color: var(--color-white);
  }
}
